import React, {Component} from 'react';
import { Platform, StyleSheet, ScrollView, Text, View, TouchableOpacity, Alert, Image, TextInput } from 'react-native';
import DatePicker from 'react-native-datepicker';

export default class attendance extends Component {
    static navigationOptions = {
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
    };

	render() {
		const { navigation } = this.props;
		return(
			<View style={styles.ScrollView}>
		        <View style={styles.top}>
					<View style={styles.topImg}>
						<Image style={styles.images} resizeMode={'contain'} source={require('../img/university/success.png')}></Image>
			   		</View>
			   		<Text style={styles.topText}>支付成功</Text>
				</View>	 
				<View style={styles.bottom}>
	        		<TouchableOpacity style={{height:40}}
	        			onPress={()=>{ 
							navigation.navigate("myBranch")
						}}
	        		>
		      			<Text style={styles.btn}>返回首页 </Text>
		    		</TouchableOpacity>
			    	<View style={{width:10}}></View>
			    	<TouchableOpacity style={{height:40}}>
			      		<Text style={styles.btn}>查看订单</Text>
			    	</TouchableOpacity>
				</View>
        	</View>
		);
	}
}
const styles = StyleSheet.create({
	bottom: {
		flex: 1,justifyContent: 'center',flexDirection: 'row',padding: 10,height: 40,
	},
	btn: {
		width: 150,backgroundColor: '#D04542',borderRadius: 2,
		textAlign: 'center',lineHeight: 40,color: 'white',
	},
	topText: {
		fontSize: 23,textAlign: 'center',color: "#333333",
	},
	images: {
		height: '70%',width: '40%',alignSelf: 'center',
	},
	topImg: {
		height: '40%',marginTop: '20%',
	},
	top: {
		height: '60%',
	},
})